<template>
  <section>
    <b-field label="Primary">
      <b-numberinput :placeholder="50"></b-numberinput>
    </b-field>

    <b-field label="Success">
      <b-numberinput type="is-success"></b-numberinput>
    </b-field>

    <b-field label="Error">
      <b-numberinput type="is-danger"></b-numberinput>
    </b-field>

    <b-field label="Info">
      <b-numberinput type="is-info"></b-numberinput>
    </b-field>

    <b-field label="Warning">
      <b-numberinput type="is-warning"></b-numberinput>
    </b-field>

    <b-field label="Light">
      <b-numberinput type="is-light"></b-numberinput>
    </b-field>

    <b-field label="Dark">
      <b-numberinput type="is-dark"></b-numberinput>
    </b-field>
  </section>
</template>
